<template>
  <div>
    <h1>List</h1>
    <div >
      <van-swipe :autoplay="3000" :show-indicators="false" style="height: 200px;" vertical>
        <van-swipe-item>1</van-swipe-item>
        <van-swipe-item>2</van-swipe-item>
        <van-swipe-item>3</van-swipe-item>
        <van-swipe-item>4</van-swipe-item>
      </van-swipe>
    </div>
    <tab-bar :active="1"></tab-bar>
  </div>

</template>

<script>
  import {SwipeItem, Swipe} from 'vant'
  import TabBar from "../base/tabBar";

  export default {
    name: "List",
    components: {
      TabBar,
      [Swipe.name]: Swipe,
      [SwipeItem.name]: SwipeItem
    }
  }
</script>

<style scoped>

</style>
